<template id="app">
  <div>
    <div>
      <router-link class="box1" :to="{name:'About'}">About</router-link>
      <router-link class="box1" :to="{name:'Home'}">Home</router-link>
      <router-link class="box1" :to="{name:'Biubiu'}">Main</router-link>
      <router-link class="box1" :to="{name:'404'}">404</router-link>
      <router-link class="box1" :to="{name:'vuex'}">vuex    </router-link>
    </div>
    <router-view class="box"/>
  </div>
</template>
<style lang="scss" scoped>
.box{
  width: 60%;
  min-height: 400px;
  border: 1px solid red;
  color: rgba(12, 238, 204, 0.591);
}
.box1{
 margin-left: 50px;
}
</style>